<!--emphasize Loaded="javascript:slider_loaded"-->
<Canvas Width="300" Height="300"
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Loaded="javascript:slider_Loaded">
  <!--begin emphasis-->
  <!-- Slider -->
  <Canvas x:Name="slider" 
     Canvas.Top="50" Canvas.Left="20" Width="200" Height="45"
     Background="transparent">
      
    <Line x:Name="slider_line" 
       Stroke="black" StrokeThickness="1" 
       X1="0" Y1="25" X2="200" Y2="25" />

    <Rectangle 
       Fill="Transparent" 
       Width="200" Height="45" 
       MouseLeftButtonDown="javascript:slider_MouseLeftButtonDown" />        
        
    <Path x:Name="slider_thumb"  Stroke="#FF000000" 
       Fill="sc#1, 0.548430264, 0.5354195, 0.5354195"
       Data="M0,0 L11.5,0 11.5,30 5.75,40 0,30z"
       MouseLeftButtonUp="javascript:slider_thumb_MouseLeftButtonUp"
       MouseMove="javascript:slider_thumb_MouseMove"
       MouseLeftButtonDown="javascript:slider_thumb_MouseLeftButtonDown" />
  </Canvas>
  <!--end emphasis-->
</Canvas>
